﻿<%@ Page Title="" Language="C#" MasterPageFile="~/master/mainMaster.Master" AutoEventWireup="true" CodeBehind="register.aspx.cs" Inherits="Vanfa.Web.Register" %>

<asp:Content ID="cRegister" ContentPlaceHolderID="cphMain" runat="server">
    <script type="text/javascript" src="/js/jquery-checkcode.js"></script>
    <script type="text/javascript" src="../js/jquery-vanfa-reg.js"></script>
    <asp:PlaceHolder ID="phRegStep1" runat="server">
        <div class="content">
            <!--步骤向导-->
            <ul class="list_step clearfix">
                <li class="cur">基本信息</li>
                <li class="disabled">设置密码</li>
                <li class="disabled">完成注册</li>
            </ul>
            <!--注册基本信息-->
            <div class="wrap">
                <table border="0" cellspacing="0" cellpadding="0" class="reg_table">
                    <tr>
                        <th width="260">请选择注册类型：</th>
                        <td>
                            <label>
                                <asp:RadioButton ID="rbPrivate" runat="server" GroupName="selectUserType" Checked="true" />
                                个人
                            </label>
                            <label>
                                <asp:RadioButton ID="rbGroup" runat="server" GroupName="selectUserType" />
                                团队
                            </label>
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <th>凡花号：</th>
                        <td>
                            <asp:TextBox ID="txtUserName" runat="server" MaxLength="12" CssClass="input"></asp:TextBox>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="rfvUserName" runat="server" ControlToValidate="txtUserName" Display="Dynamic" ValidationGroup="vgRegFirst">
                                <span class="tip_input error">请输入凡花号！</span>
                            </asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revUserName" runat="server" ControlToValidate="txtUserName" ValidationExpression="^[\w]{6,12}$" Display="Dynamic" ValidationGroup="vgRegFirst">
                                <span class="tip_input error">凡花号格式输入错误！</span>
                            </asp:RegularExpressionValidator>
                            <b>凡花号由6-12位大小写英文字母或数字组成。注：凡花号不可修改</b>

                        </td>
                    </tr>
                    <tr>
                        <th>性别：</th>
                        <td>
                            <label>
                                <asp:RadioButton ID="rbFemale" runat="server" GroupName="selectGender" Checked="true" />
                                女
                            </label>
                            <label>
                                <asp:RadioButton ID="rbMale" runat="server" GroupName="selectGender" />
                                男
                            </label>
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <th>手机号码：</th>
                        <td>
                            <asp:TextBox ID="txtMobile" runat="server" MaxLength="11" CssClass="input"></asp:TextBox></td>
                        <td>
                            <asp:RequiredFieldValidator ID="rfvMobile" runat="server" ControlToValidate="txtMobile" ValidationGroup="vgRegFirst" Display="Dynamic">
                                 <span class="tip_input error">请输入手机号！</span>
                            </asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revMobile" runat="server" ControlToValidate="txtMobile" ValidationExpression="1[\d]{10}" ValidationGroup="vgRegFirst" Display="Dynamic">
                                 <span class="tip_input error">手机号格式输入错误！</span>
                            </asp:RegularExpressionValidator>
                            <b>为了即时获得最新的活动及工作信息通知，请填写真实的手机号码</b>
                        </td>
                    </tr>
                </table>
                <div class="tip_register" style="display: none"><span class="mark">*</span> 您是由凡花会员<span class="mark">ooxxoo</span>经纪邀请注册，注册后即可与TA互动</div>
                <div class="agrea_reg">
                    <input name="" type="checkbox" value="" onclick='javascript:$("#<%= hidReadLicense.ClientID %>    ").val(this.checked ? "1" : "");'>
                    已经阅读并同意 <a href="#" title="凡花服务条款" target="_blank">&lt;凡花服务条款&gt;</a>
                    <div style="display: none">
                        <asp:TextBox ID="hidReadLicense" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="rfvLicense" runat="server" ControlToValidate="hidReadLicense" ValidationGroup="vgRegFirst"></asp:RequiredFieldValidator>
                    </div>
                </div>
                <div class="area_btn">
                    <asp:LinkButton ID="lbNext" runat="server" CssClass="btn" OnClick="lbNext_Click" ValidationGroup="vgRegFirst">下一步</asp:LinkButton></div>
            </div>
            <!--END 注册基本信息-->
        </div>
    </asp:PlaceHolder>
    <asp:PlaceHolder ID="phRegStep2" runat="server" Visible="false">
        <div class="content">
            <!--步骤向导-->
            <ul class="list_step clearfix">
                <li>基本信息</li>
                <li class="cur">设置密码</li>
                <li class="disabled">完成注册</li>
            </ul>
            <!--设置密码-->
            <div class="wrap">
                <table border="0" cellspacing="0" cellpadding="0" class="reg_table">
                    <tr class="pw_item">
                        <th width="260">密码：</th>
                        <td>
                            <asp:TextBox ID="txtPwd" runat="server" TextMode="Password" CssClass="input"></asp:TextBox></td>
                        <td>
                            <asp:RequiredFieldValidator ID="rfvPwd" runat="server" ControlToValidate="txtPwd" ValidationGroup="vgRegPwd" Display="Dynamic">
                                <span class="tip_input error">请输入密码！</span>
                            </asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revPwd" runat="server" ControlToValidate="txtPwd" ValidationGroup="vgRegPwd" ValidationExpression="^[\w|#|_]{6,24}" Display="Dynamic">
                                <span class="tip_input error">输入密码格式错误！</span>
                            </asp:RegularExpressionValidator>
                            <b>密码由6-24位英文字母,数字,或特殊符号组成如：vanfa#1234</b>
                        </td>
                    </tr>
                    <tr class="pw_medium">
                        <th>&nbsp;</th>
                        <td>
                            <br />
                            <dl class="pw_strength pw_strengthA">
                                <dt class="pw_bar"><span></span></dt>
                                <dd class="pw_letter"><span class="pw_letterA">低</span><span class="pw_letterB">中</span><span class="pw_letterC">高</span></dd>
                            </dl>
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <th width="260">确认密码：</th>
                        <td>
                            <asp:TextBox ID="txtPwdConfirm" runat="server" TextMode="Password" CssClass="input"></asp:TextBox></td>
                        <td>
                            <asp:CompareValidator ID="cvPwdConfirm" runat="server" ControlToCompare="txtPwd" ControlToValidate="txtPwdConfirm" ValidationGroup="vgRegPwd" Display="Dynamic" Operator="Equal">
                                <span class="tip_input error">两次密码输入不一致！</span>
                            </asp:CompareValidator>
                        </td>
                    </tr>
                    <tr>
                        <th>验证码：</th>
                        <td>
                            <asp:TextBox ID="txtCode" runat="server" CssClass="input"></asp:TextBox></td>
                        <td>
                            <asp:RequiredFieldValidator ID="rfvCode" runat="server" ControlToValidate="txtCode" ValidationGroup="vgRegPwd">
                                <span class="tip_input error">请输入验证码！</span>
                            </asp:RequiredFieldValidator>
                            <span id="codeError" runat="server" class="tip_input error" visible="false">验证码不正确或已过期</span>
                        </td>
                    </tr>
                </table>
                <div class="tip_register"><span class="mark">*</span><span id="codeStatus">发送验证码至手机</span><span id="mobile" class="mark"><asp:Literal ID="litMobile" runat="server"></asp:Literal></span>&nbsp;&nbsp;&nbsp;<a id="send" href="javascript:void(0);" class="send_code">发送验证码</a><span id="send1" class="send_code" style="display: none"><span id="resendTime" style="display:none">60</span>s后可重新发送</span></div>
                <div class="area_btn">
                    <asp:LinkButton ID="lbGotoStep1" runat="server" CssClass="btn" OnClick="lbGotoStep1_Click" CausesValidation="false">上一步</asp:LinkButton>&nbsp;&nbsp;<asp:LinkButton ID="lbRegister" runat="server" CssClass="btn" OnClick="lbRegister_Click" ValidationGroup="vgRegPwd">下一步</asp:LinkButton>
                </div>
            </div>
            <!--END 设置密码-->
        </div>
    </asp:PlaceHolder>
    <asp:PlaceHolder ID="phRegStep3" runat="server" Visible="false">
        <div class="content">
            <!--步骤向导-->
            <ul class="list_step clearfix">
                <li>基本信息</li>
                <li>设置密码</li>
                <li class="cur">完成注册</li>
            </ul>
            <!--注册完成-->
            <div class="wrap wrap_reg_over">
                <div class="sign_reg_over"></div>
                <dl class="info_reg_over">
                    <dt>恭喜您，注册完成！</dt>
                    <dd>你已经顺利成为<span class="normal">普通会员</span></dd>
                    <dd>若您想成为<span class="advanced">高级会员</span>请您花费3-5分钟，来<a href="profile.aspx">完善个人资料</a></dd>
                </dl>
                <div class="advanced_reg_over"><a href="index.aspx" class="btn">进入凡花</a></div>
                <div class="hc"></div>
                <div class="senior_link"><a href="#" title="为何要成为高级会员？">为何要成为高级会员？</a></div>
                <dl class="normal_right">
                    <dt>普通会员</dt>
                    <dd>可以浏览最新会员照片</dd>
                    <dd>可以查看最新最热的活动</dd>
                    <dd>可以同会员进行微博互动</dd>
                </dl>
                <dl class="advanced_right">
                    <dt>高级会员</dt>
                    <dd>获得更多的工作机会信息</dd>
                    <dd>根据您的信息，推荐合适的工作机会</dd>
                    <dd>获得最新工作机会提醒，掌握信息，先人一步</dd>
                </dl>
                <dl class="advanced_right advanced_right_2">
                    <dt></dt>
                    <dd>享有档期管理系统，像专业艺人一样管理您的工作档期</dd>
                    <dd>更好的展现自我，获得更多关注</dd>
                    <dd>能与更多的会员互动</dd>
                </dl>
                <div class="hc"></div>
            </div>
            <!--END 注册完成-->
        </div>
    </asp:PlaceHolder>
</asp:Content>
